<!--
    qDatePicker Widget
    Author: Timothy C. Quinn
    
    http://127.0.0.1:8100/qlibjs/webres/common/_test/qHtml/qDatePicker.html
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
    <head>
    	<link rel="stylesheet" title="Screen Styles" href="../../qCore.css" type="text/css" media="screen">
        <title>qDatePicker Widget</title>
        <script>
            imagePath='../../images/';
            wrroot='../../';
            scriptPath='';
            contextPath='';
            bIsDev=true;
            bDebug=true;
        </script>
        <script src='../../jquery_exp.js'></script> 
        <script src='../../qCore.js'></script>   
        <script src='../../qBase.js'></script>   
        <script src='../../qHtml.js'></script>   
        <script src='../../qMenu.js'></script> 
        <script src='../../qDatePicker.js'></script>
        
        <script>
        	function bodyLoaded(){
        		var o
				pc("DEBUG -	Initializing Default qClient")
				__initDefQClient()
				o=agetElem("tbDate1")
				qDPWidget.register({
						elemVal: o
					   ,showTime: true
					   ,showSecs: true
					   ,minPrec: 5
					   ,bindTBEvents: true
				})

				qDPWidget.register({
						elemVal: agetElem("tbDate2")
					   ,showTime: true
					   ,showSecs: false
					   ,minPrec: 5
					   ,bindTBEvents: true
				})	
				
				qDPWidget.register({
						elemVal: agetElem("tbDate3")
					   ,bindTBEvents: true
				})			
        	}
        </script>
        
    </head>
    <body>
    	
    	<script>
    		var h=qHtml,bModify=true
			dw (
			    h.frmForm("fmTest")
	            +"\n<div style='color: #555; background: #ffffef; padding: 3px; border: 1px solid #999999' width='20px'>"
	                +"\n<img src='"+imagePath+"CalButton.gif' height='16px' style='text-align: top'>&nbsp;&nbsp;"
	                +"\n<b id='tfAnHead' style='font-size:100%; line-height: 2.5em'>qDatePicker Widget Tester</b>"
	                +"\n<div>"
	                
					    +"\n"+h.tblHd()
					        +"\n"+h.tblRow(
					            h.tblCells(
					                {$c: "lbl", $h: "Date Time W/ Secs:&nbsp;"}
					               ,{$c: "att"
					                   ,$h: (
					                   		h.frmTB("tbDate1","Feb 20, 2008 9:55 PM", {_id: "tbDate1", _size: 25})
					                   )
					                }
					            )
					        )
					        +"\n"+h.tblRow(
					            h.tblCells(
					                {$c: "lbl", $h: "Date Time No Sec:&nbsp;"}
					               ,{$c: "att"
					                   ,$h: (
					                   		h.frmTB("tbDate2","Feb 18, 2008 9:55 PM", {_id: "tbDate2", _size: 20})
					                   )
					                }
					            )
					        )
					        +"\n"+h.tblRow(
					            h.tblCells(
					                {$c: "lbl", $h: "Date Only:&nbsp;"}
					               ,{$c: "att"
					                   ,$h: (
					                   		h.frmTB("tbDate3","Feb 18, 2008", {_id: "tbDate3", _size: 15})
					                   )
					                }
					            )
					        )
					   +"\n"+h.tblFt()
				   +"\n"+"<div>"
			   +"\n"+"</div>"
			   +"\n"+"</form>"
			)
    	</script>
    	
    	
	<script>
        bConsole=true; __qcOpts={cb:true, t:0, w: 600, h: 500}
	    _SCR_START=" bodyLoaded();"; function __start() {try{if(bConsole){startCons(__qcOpts); _w.consoleLoaded = function consoleLoaded(){ setTimeout(_SCR_START,50) }}else{eval(_SCR_START)}}catch(e){debugErr(e)}};__start()
    </script>
    
	</body>
</html>
